<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表的使用</title>
		<style>
			/* css注释方式 */
			/* css部分：选择器：抓取页面，元素增加效果
			           选择器{
						   属性：属性值；
						   属性：属性值；
						   }
			*/
		   p{
			width: 400px;
			height: 400px;
			background: #f1b4bb; /* 16进制色值*/
		   }
		</style>
	</head>
	<body>
		<!-- ①内联样式表  叫做行内样式表  【开发不用】
		 语法：前标记 style"属性：属性值；属性：属性值；....."
		 -->
		<div style="width:300px; height: 300px;background:red ;"></div>
	</body>
	<!-- ② 内部样式表  【开发不用：练习专用】
	 html部分：在head元素中，添加style元素
	 css部分：在style元素中，添加css样式
	 -->
	 <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis inventore vero qui numquam quas ad illo pariatur molestias provident. Veniam in tenetur reprehenderit harum repudiandae voluptatum ea quis sed minima!</p>
</html>